@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-13 21:26:35
 * @version $Id$
 */
.banner{

	width: 100%;
	float: left;
	text-align: center;
}
.banner_box{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	height: 490px;
	text-align: center;
}

.banner_content{

	font-family:Fz;
	position: absolute;
	top: 27px;
	left: 10%;
	top: 35%;
	color:#CCCECE;
	font-size: 14px;
	width: 80%;
	
	
}


.banner_box_banner{
	width: 600%;
	transition:all .5s linear;
}
.banner_box_banner li{
	float: left;
	width: 18%;
	height: 100%;
	overflow: hidden;
	
}
.banner_box_banner li img{
	width: 100%;
	height:100%;
}

.banner_box{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	height: auto;
	text-align: center;
}
.banner_box label{

	position: absolute;
	top: 70%;
	left: 70%;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #adadad;
	border-radius: 50%;
	
}

 .banner_box input{
	display: none;
}
 
    input[id^="one"]:checked + label{

    	background-color: green;
    }

 .banner_box  input:nth-of-type(1):checked ~ .banner_box_banner{
     
      margin-left: 0%;

  }
  .banner_box  input:nth-of-type(2):checked ~ .banner_box_banner{
     
      margin-left: -110%;

  }
  .banner_box   input:nth-of-type(3):checked ~ .banner_box_banner{
     
      margin-left: -220%;

  }
   .banner_box  input:nth-of-type(4):checked ~ .banner_box_banner{
     
      margin-left: -330%;

  }
   .banner_box input:nth-of-type(5):checked ~ .banner_box_banner{
     
      margin-left: -440%;

  }

 #one_t1{
  	margin-left: 30px;
  }
    #one_t2{
  	margin-left: 60px;
  }
    #one_t3{
  	margin-left: 90px;
  }
    #one_t4{
  	margin-left: 120px;
  }
    #one_t5{
  	margin-left: 150px;
  }






.banner_title{
	position: absolute;
	top: 20%;
	left: 0px;
	color: #CCCECE;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	
	font-family: Bn;
	font-size: 60px;
}


.banner_more{
    width: 100%;
	position: absolute;
	top: 50%;
	text-align: center;

}

.banner_more a{
    
    display: inline-block;
    color: #fff;
    line-height: 50px;
    padding:0px 50px;
    border-radius: 3px;
    background-color: #F98561;
   
}

@media screen and (max-width: 1000px){

	.banner_title{
	position: absolute;
	top: 10%;
	left: 0px;
	color: #CCCECE;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	
	font-family: Bn;
	font-size: 50px;
}


   .banner_content{

	font-family:Fz;
	position: absolute;
	top: 27px;
	left: 10%;
	top: 35%;
	color:#CCCECE;
	font-size: 8px;
	width: 80%;
	
	
}

.banner_more{
    width: 100%;
	position: absolute;
	top: 55%;
	text-align: center;

}

.banner_more a{
    
    display: inline-block;
    color: #fff;
    line-height: 30px;
    padding:0px 30px;
    border-radius: 3px;
    background-color: #F98561;
   
}

.banner_box label{

	position: absolute;
	top: 75%;
	left: 60%;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #adadad;
	border-radius: 50%;
	
}


 #one_t1{
  	margin-left: 20px;
  }
    #one_t2{
  	margin-left: 50px;
  }
    #one_t3{
  	margin-left: 80px;
  }
    #one_t4{
  	margin-left: 110px;
  }
    #one_t5{
  	margin-left: 140px;
  }
 
}





/*banner end*/



.services{
	width: 100%;
	float: left;
	padding-top: 48px;
	padding-bottom: 35px;
	text-align: center;
	position: relative;
}

.services_box{
	width: 100%;
	float: left;	
}
.services_us{
	text-transform: uppercase;
	font-family:Bn;
	font-size: 22px;
	background-color: #2190C1;
	width: 10%;
	position: absolute;
	top: -15px;
	left:45%;
	border-radius: 5px;
	line-height: 30px;
	color: #FFFFFF;

}
.services_list{
   display: flex;

   justify-content:space-between;


}

.services_list > div{


	flex-basis:23%;
	text-align: center;
	

}


.services_img{

	width:118px;
	height: 118px;
	overflow: hidden;
	margin:0 auto;

}

.services_img img{

	width: 100%;
	height: 100%;
}
.services_title{
    
    font-size: 17px;
    font-family: Fzd;
    color: #60666F;
    margin:27px 0px 8px;

}
.services_desc{
	font-family: Fz;
	font-size: 11px;
	color: #525862;
	text-align: left;
	margin-left: 15%;

	
}
p.services_desc > span{

	font-family: Fz;
	font-size: 11px;
	color: #419DD1;
	
}

/*services end*/

.work{
    width:100%;
    float: left;
    padding-top: 56px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    padding:0px;
    background-color: #304151;
}

.work_box{
	width: 100%;
	
	float: left;
	text-align: center;
	padding-bottom: 78px;
	

}

.work_header{
   width: 100%;
   
   float: left;
   margin-top: 56px;
}
.work_header_left{
	float: left;
	color: #F98561;
	font-family: Bsr;
	font-size: 30px;
	margin-top: 12px;
}
 
 .work_header_right{
 	 float: right;
     font-size: 18px;
     font-family: Fzz;
     padding:12px 14px;
     color: #fff;
     border-radius: 5px;
     background-color: #2190C1;
 }

 .work_list{
   width: 100%;
   float: left;
   margin-top: 56px;
   display: flex;
   justify-content:space-between;
 }
 .work_list > div{
 	flex-basis:30%;
	text-align: center;
 }
 .work_img{ 
 	overflow: hidden;
 	border: 10px solid #FFFFFF; 
 	margin: auto;
	border: 10px solid rgba(255,255,255,);
	background-image: url(../images/work_bg2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100% 100%;
	background-origin:content-box;

 }
.work_img img{
	width: 100%;
	height: 100%;
	margin-top: 0px;

}

.work_list h3{

	color: #F98561;
	font-family: Bsr;
	font-size: 17px;
	text-align: left;
	margin-top: 21px;
	margin-bottom: 14px;
	
}
.work_list p{

	font-family: Bsr;
	font-size: 11px;
	text-align: left;
    color: #BCBCBC;
}


/*work end*/

.offer{

   width: 100%;
   float: left;
   text-align: center;
   padding-top: 37px;
   background-color: #F4F4F4;

}
.offer_box{
	width: 100%;
	float: left;
	padding-bottom: 30px;
	
}

.offer_title{
	margin: 0 auto;
	
}
.offer_title h1{
	color: #3F9DC7;
	font-style: 40px;
	font-family: Fzz;	
}
.offer_title p{
    color: #525862;
    margin-top:27px;
    font-family: Fz;
    font-size: 12px;
    margin-bottom: 40px;
}

.offer_list{
    width: 100%;
	display: flex;
	justify-content:space-between;
	padding-bottom: 24px;
	border-bottom:1px solid #D9D9D9;
}
.offer_list > div{
	flex-basis: 23%;
	text-align: left;
}

.offer_list_title h3{
	font-family: Bsr;
	color: #2D99CC;
	margin-bottom: 9px;
	font-size: 17px;
}

.offer_list_title p{
    font-family: Fzz;
	color: #525862;
	font-size: 11px;
}
.offer_list_title span{
	  font-family: Fzz;
	  color: #525862;
	  font-size: 11px;
	  padding:8px 9px;
	  display: inline-block;
	  float: right;
	  background-color: #2190C1;
	  color: #fff;
	  border-radius: 3px;
}

.offer_Testimonials{
	width: 100%;
	float: left;

}
.offer_Testimonials h1{
     
     font-family: Fzz;
     text-transform: uppercase;
     margin-top: 31px;
     margin-bottom: 35px;
     font-size: 27px;
     color: #2190C1;
     

}
.offer_Testimonials p{
	color: #525862;
	font-size: 25px;
}
.offer_Testimonials_more{
	position: relative;
}
.offer_Testimonials_more input{
	display: none;
}
.offer_Testimonials_more span.ceo{

	display: block;
	font-size:14px;
	color: #F98561;
	font-family: Bsr;
	margin-top: 60px;
	margin-bottom: 33px;
	position: absolute;
	top: 0px;
	left: 40%;
	opacity: 0;
	transition:opacity .3s linear;
}

.offer_Testimonials_more label{
	
	display: inline-block;
	
	padding-bottom: 21px;
	text-align: center;
	background-image: url(../images/offer_show_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-top: 100px;
	transition:all .3s linear;

}

 .offer_Testimonials_more label span{

 	width: 100%;
 	height: 100%;

 }
.offer_Testimonials_more label span{

	display: inline-block;
	width: 67px;
	height: 67px;
	border:1px solid blue;
	border-radius: 100%;
	overflow: hidden;
}

input[id^="female"]:checked +label{

	  background-image: url(../images/offer_show_bg1.png);

}
input[id^="female"]:checked + label + span{

	  opacity: 1;

}

@media screen and (max-width: 450px){

     .offer_list > div{

	 	display: none;

	 }



     .offer_Testimonials h1{
     
     font-family: Fzz;
     text-transform: uppercase;
     margin-top: 31px;
     margin-bottom: 35px;
     font-size: 20px;
     color: #2190C1;
     }
.offer_Testimonials p{
	color: #525862;
	font-size: 14px;
   }


}

@media screen and (max-width: 650px){



     .work_header_right{
     	display: none;
     }

     .work_header, .work_list{
           padding:0;
     }
}





 @media screen and (max-width: 650px){

    
    .banner_check{


    	left: 70%;
    	top: 90%;

      }

}



 @media screen and (max-width: 950px){

    
    .services_us{


    	display: none;

      }

}

 @media screen and (max-width: 450px){

    
    .banner_check{


    	left: 40%;
    	top: 90%;

      }

}

@media screen and (max-width: 578px){

    
    .banner_content{
    	display: none;
    }

}

@media screen and (max-width: 600px){
     
     .services_list{
     	display: block;
     	padding: 0px;
     }
     .services_list >div{
     	float: left;
     }
     .services_img{
     	float: left;
     	margin:10px 10px 10px 0px;
     }


   .services_desc{
   	  text-align: center;
   }

}